<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"  %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1972937_d4sp43xib8w.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <%--layui css--%>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        #xc-content{
            width: 100%;
            margin: 0 auto;
            padding-top: 20px;

        }
        #xc-content .xc-list-wrapper{
            width: 810px;
            margin: 0 auto;
            padding-top:20px;
            /*border: 1px solid #ff8b26;*/

        }

        #xc-content .xc-list-wrapper .xc-list-item{
            display: flex;
            margin-bottom: 10px;
            border: 1px solid rgba(180, 180, 176, 0.8);

        }

        #xc-content .xc-list-wrapper .xc-list-item:hover{
            background-color: rgba(178, 178, 178, 0.1);
            border: 3px solid rgba(178, 178, 178, 0.1);

        }

        #xc-content .xc-list-wrapper .xc-list-item .title-wrapper{
            font-size: 16px;
            font-weight: 700;
        }

        #xc-content .xc-list-wrapper .xc-list-item .price-wrapper{
            color: red;
            font-size: 20px;
            align-self: flex-end;
        }

    </style>



</head>
<body>
<div>
    <jsp:include page="/public/danhang.jsp"/>
    <jsp:include page="/travel/search/search.jsp"/>

        <div id="xc-content">
            <div class="xc-list-wrapper" id="xc-list">
                <div><p style="color:black;font-size: 20px;text-align: center; margin-bottom: 10px">我们的所有旅游团</p></div>
                <c:forEach items="${list}" var="item">
                    <div class="xc-list-item">
                        <div class="img-wrapper">
                            <a href="/api/travel/selectById?id=${item.id}">
                                <img class="titleImg" src="${item.titleImg}" alt="">
                            </a>
                        </div>

                        <div class="title-wrapper">
                            <p class="title">${item.detail}</p>
                        </div>
                        <div class="price-wrapper">
                            ￥${item.price}
                        </div>
                    </div>
                </c:forEach>
            </div>
        </div>

<%--jquery--%>
<script src="/static/js/jquery.min.js"></script>
<%--layui js--%>
<script src="/static/layui/layui.all.js"></script>


</body>
</html>
